<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../handlebars-v1.3.0.js"></script>
</head>
<body>
<script id="template-script" type="text/x-handlebars-template">
    <select>
        {{#items}}
        <option value="{{value}}">{{text}}</option>
        {{/items}}
    </select>
</script>

<script>
    var items = [{
        value: 1,
        text: 'One'
    }, {
        value: 2,
        text: 'Two'
    }, {
        value: 3,
        text: 'Three'
    }, {
        value: 4,
        text: 'Four'
    }, {
        value: 5,
        text: 'Five'
    }, {
        value: 6,
        text: 'Six'
    }];

    var template = Handlebars.compile(document.getElementById('template-script').innerHTML);
    var result = template({ items: items });

    document.body.innerHTML += result;
</script>
</body>
</html>